<template>
  <div class="empty-state">
    <el-empty :description="description">
      <template #footer>
        <slot name="footer"></slot>
      </template>
    </el-empty>
  </div>
</template>

<script setup>
defineProps({
  description: {
    type: String,
    default: '暂无数据'
  }
})
</script>

<style scoped lang="scss">
.empty-state {
  padding: 50px 0;
  text-align: center;
}
</style>